<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 * Author: Yong Qui Zheng
 */
?>
<div id="signupModal" style="display:none;">
          <div class="modalNav">
              <ul><li class="fillColor singleNavs"></li><li class="singleNavs"></li></ul>
          </div>
          <form action="/signup" method="POST" name="vevive_signup">
              <div id="firstpart">
                  <ul>
                      <li><label>First Name</label></li>
                      <li><input type="text" value="" name="fName" customtype="str" /></li>
                  </ul>
                <ul>
                    <li><label>Middle Name</label></li>
                      <li><input type="text" value="" name="mInital" customtype=""/></li>
                </ul>
                <ul>
                    <li><label>Last Name</label></li>
                      <li><input type="text" value="" name="lName" customtype="str"/></li>
                </ul>
                <ul>
                    <li><label>Email</label></li>
                      <li><input type="text" value="" name="email" customtype="email"/></li>
                </ul>
              
                  <ul>
                      <li>
                          <label for="isStudent">I am a student</label></li>
                      <li><input type="checkbox" name="isStudent" id="isStudent"/></li>
                  </ul>
                  <div class="hide studentBox">
                      <ul>
                          <li><lable>Student ID#</lable></li>
                          <li><input type="text" name="studentId" id="studentId"/></li>
                      </ul>
                      <ul>
                          <li><lable>Major</lable></li>
                          <li><input type="text" name="major" id="major"/></li>
                      </ul>
                      <ul>
                          <li><lable>University</lable></li>
                      <li><select name="university">
                              <option value="0" selected>Select an university</option>
                              <option value="1">Georgia State</option>
                              <option value="2">University Of Georgia</option>
                              <option value="3">Georgia Tech</option>
                              <option value="4">Georgia Perimeter</option>
                              <option value="5">Kennesaw State University</option>
                          </select></li>
                      </ul>
                  </div>
                  <input type="button" value="next" class="right whereToBtn"/>
              </div>
              <div id="secondpart">
                <ul>
                    <li><label>City</label></li>
                      <li><input type="text" value="" name="userCity" customtype="str"/></li>
                </ul>
                <ul>
                    <li><label>State</label></li>
                      <li><input type="text" value="" name="userState" maxlength=2 class="stateInput" customtype="str"/></li>
                </ul>
                <ul>
                    <li><label>Zip Code</label></li>
                      <li><input type="text" value="" name="userZip" maxlength=5 class="zipInput" customtype="number"/></li>
                </ul>
                <ul>
                  <li class="left"><label>Interest</label></li>
                  <li><textarea value="" name="userInterest" customtype="none"></textarea></li>
                </ul>
                <ul>
                  <li class="left"><label>Bio</label></li>
                  <li><textarea value="" name="userBio" customtype="none"></textarea></li>
                </ul>
                <ul>
                  <li><label>Password</label></li>
                  <li><input type="password" value="" name="password" customtype="password"/></li>
                </ul>
                <ul>
                  <li><label>Confirm Password</label></li>
                  <li><input type="password" value=""  customtype="password"/></li>
                </ul>
                  <input type="button" value="back" class="right whereToBtn"/>
              </div>
          </form>
      </div>
